<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>登录</h1>
    <!-- 解析表单的各个属性作用 -->
    <!-- action 指定提交地址, 如果没写, 就是往自己提交, 看见的效果就是闪了一下, 数据出现在 url 顶部地址栏中 -->
    <!-- method 指定提交方式, 默认是 get, 也可以是 post,-->
    <form action="" method="get">
        <div>
            <span>用户名</span>
            <!-- type 指定input类型, text 是文本的意思, 另外 name 属性, 指定input的名称, 提交的时候, 后台可以获取到 -->
            <input type="text" name="username">
        </div>
        <div>
            <span>密码</span>
            <!-- type ="password" 指定密码, 自动隐藏输入值 -->
            <input type="password" name="password">
        </div>
        <div>
            <span>年龄</span>
            <!-- 还有其他很多用法, 其中 range 是个范围选择条 -->
            <input type="range" min="1" max="16" name="age">
        </div>
        <!-- submit 是提交按钮, 将当前表单进行提交, 所以一定不能放在表单外部 -->
        <button type="submit">提交</button>
    </form>
    
</body>
</html>